import Vue from "vue";
import VueRouter from "vue-router";

Vue.use(VueRouter);

const routes = [
  {
    path: "/",
    name: "work",
    component: () => import("../components/wordTask.vue"),
  },
  {
    path: "/role",
    name: "role",
    component: () => import("../components/role.vue"),
  },
  {
    path: "/matter",
    name: "matter",
    component: () => import("../components/matter.vue"),
  },
  {
    path: "/colleagues",
    name: "colleagues",
    component: () => import("../components/colleagues.vue"),
  },
  {
    path: "/calendar",
    name: "calendar",
    component: () => import("../components/calendar.vue"),
    children: [
      {
        path: "/",
        component: () => import("../views/left.vue"),
      },
      {
        path: "left",
        component: () => import("../views/left.vue"),
      },
      {
        path: "center",
        component: () => import("../views/center.vue"),
      },
      {
        path: "right",
        component: () => import("../views/right.vue"),
      },
    ],
  },
];

const router = new VueRouter({
  routes,
});

export default router;
